// 全局table样式
.el-table
  tr
    height 44px
    color rgba(0, 0, 0, 0.88)
    th
      background var(--mc-gray1-color)!important
      font-weight 500
      border-bottom: 1px solid var(--mc-gray3-color) !important
  .cell
   padding 0 16px !important
  .el-table__body .el-table__cell
    border-bottom: 1px solid var(--mc-gray2-color) !important
    padding: 0 !important;
.resize-table
  .el-table__column-resize-proxy
    border-left 2px dashed #008cee !important
  .el-table--border
    border: none
    &::before, &::after
      width 0 !important
    .el-table__border-left-patch
      width 0 !important
    .el-table__inner-wrapper tr:first-child
      & th:first-child, & td:first-child
        border-left none
    .el-table-fixed-column--left.is-last-column.el-table__cell
      border-right none !important
    .el-table__header .el-table__cell .cell
      height 28px
      line-height 28px
      overflow hidden
      text-overflow ellipsis
      white-space nowrap
  .el-table--border td
    border-right 3px solid transparent
  .el-table-column--selection
    padding-left 4px
  .el-table--border td:last-child
    // border-right 1px solid #EBEEF5
  .el-table--border th
    border-right 3px solid transparent
  .el-table--border th:last-child
    border-right none !important
  .el-table--border th:not(.el-table-column--selection):not(.is-right)::after
    content ''
    position absolute
    right 0
    top 25%
    height 50%
    opacity 0
    width 3px
    background #008cee
    border-radius 2px
  .el-table--border th:not(.el-table-column--selection):not(.is-right):hover::after
    opacity 1

// 全局抽屉样式
.mc-drawer
  .el-drawer__header
    height 60px
    box-sizing border-box
    padding 18px 24px
    font-weight 500
    font-size 16px
    color rgba(0, 0, 0, 0.88)
    box-shadow inset 0px -1px 0px #ECF0F3
    margin-bottom 0
  .el-drawer__body
    padding 24px
// 抽屉里的form
.drawer-contain .el-form-item
  margin-bottom 24px
// 全局form的调整
.el-form.el-form--default
  .el-form-item[role='group']
    margin-right 16px
    .el-form-item__label
      color rgba(0, 0, 0, 0.6)
      font-weight 500
      line-height 20px
// 全局弹窗样式
.el-dialog
  .el-dialog__header
    padding 0 0 60px 0
    .el-dialog__close
      color rgba(0, 0, 0, 0.88)
  .el-dialog__body
    padding 0 24px
  .el-dialog__footer
    // border-top 1px solid rgba(0, 0, 0, 0.05)
    padding 14px 24px
    .el-button--primary
      margin-left 24px
// 按钮样式
.el-button
  height 36px !important
  &.el-button--primary
    background var(--mc-main-color) !important
    border 1px solid var(--mc-main-color) !important
  &.is-link
    &.el-button--primary
      background transparent !important
      border 1px solid transparent !important
      color var(--mc-main-color) !important
      &:hover
        color rgba(30, 99, 245, 0.6)
// el-select-v2多选宽度、多选后高度处理
.el-select-v2
  min-width 200px
  .el-select-v2__wrapper
    height 36px // select高度
    .el-select-v2__selection
      width 100%
      .el-select-v2__input-wrapper
        width 100%
        z-index -1
      .el-select-v2__selected-item
        position absolute
// 时间组件高度
.el-input__wrapper
  height 36px !important
  box-sizing border-box
// dialog body的高度限制
.el-dialog .el-dialog__body
  max-height calc(100vh - 320px)
  overflow auto
.el-menu .el-menu-item
    padding 0
    margin-right 32px !important

.el-dialog__headerbtn
  position absolute !important
  top 0 !important
.el-dialog__body
  padding-top 16px !important
.el-dialog .el-dialog__header
  padding: 0 0 54px 0 !important

.el-form
  .el-form-item
    // margin-right 16px !important
    .el-form-item__label
      font-weight: 500 !important;
      font-size: 14px !important;
      letter-spacing: 0.001em !important;
      color: rgba(0, 0, 0, 0.6) !important;
      span
        display inline-block
        margin 0
        padding 0
        span
          padding-left 8px
          font-weight: 400;
          color: rgba(0, 0, 0, 0.38);
          font-size: 12px;
          line-height: 20px;
// menu样式
.el-menu--horizontal
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
.el-menu--horizontal>.el-menu-item.is-active {
  font-weight: 500 !important;
}

// input
.el-input
  height 36px !important
.el-input.is-disabled .el-input__wrapper
  background: var(--mc-gray2-color) !important
  box-shadow none !important

// 分页
.el-pagination
  .el-input
    height 100% !important
    .el-input__wrapper
      height 32px !important
  .el-pagination__sizes+button.btn-prev[type=button]
    margin-right 8px
    background: var(--mc-gray4-color);
    border-radius: 4px;
  .el-pager li,.el-pager+button.btn-next[type=button]
    border: 1px solid var(--mc-gray4-color);
    border-radius: 4px;
  .el-pagination__jump is-last
    margin-left 8px
  .el-pagination__sizes
    margin 0 8px 0 0
  .el-pagination__total,.el-pager li
    margin-right 8px
  .el-pager li.is-active
    border: 1px solid var(--mc-main-color);

// 抽屉
.el-drawer
  border-radius: 4px 0px 0px 4px;

// 下拉样式
.el-select .el-input .el-select__caret.el-icon
  color: rgba(0, 0, 0, 0.6) !important;
//输入框后面的单位
.el-form-item__content .el-input-group__append
  padding: 0 8px !important; 
  background-color:var(--mc-gray3-color) !important;
  height 36px !important
//搜索按钮间距
.flex .el-button+.el-button
  margin-left: 16px;

// tab样式
.el-tabs__nav-wrap::after
  height 1px !important
  background-color rgba(0, 0, 0, 0.05) !important

// 分割线颜色
.el-divider--horizontal
  border-top 1px solid #E6E6E6 !important
